<template>
  <div>
    <el-tabs v-model="activeName" >
      <el-tab-pane label="未读消息" name="first" :key="'first'">
        <!-- <msgUndealList :deal="true"></msgUndealList> -->
      </el-tab-pane>
      <el-tab-pane label="历史消息" name="second" :key="'second'">
        <!-- <msgUndealList></msgUndealList> -->
      </el-tab-pane>
    </el-tabs>
  </div>

</template>

<script>
import { ref, toRefs, reactive, onMounted, nextTick, defineComponent } from 'vue';
// import msgUndealList from './msgUndealList'

export default defineComponent({
  // components: { msgUndealList },
  setup() {
    const state = reactive({
    })
    return {
			...toRefs(state),
		}
  }
})
</script>

<style scoped>

</style>
